@charset "utf-8";
* {word-wrap:break-word;word-break:break-all;margin: 0px;padding: 0px;}
html, body, div, h1, h2, h3, h4, h5, h6, p, span, img,ul{margin: 0; padding: 0;}
body {margin: 0;font-family: "微软雅黑", Arial, sans-serif; background-color:#fff;color:#333333;line-height:1.4;-webkit-font-smoothing: antialiased;}
a{color:#333;text-decoration: none;}
img {border:0; padding: 0}
ul, li ,ol{list-style: none;padding-left:0;}
.pagebox{ width: 1260px; margin: 0px auto;}
.bg-white{background-color: white; border: 1px solid #dfdfdf; border-left: none;}
.no-bg{background:none !important;}
.padding-b20{padding-bottom: 20px;}
.no-padding { padding: 0px;}
.margin-10{ margin-top:-8px;}
.margin-left-15{ margin-left:-15px; width:970px;}
.margin-top{ margin-top:0px;}
.bannerbox{ margin-top:85px;}
.boxheight{ height:auto;margin-top:30px;}
.infomore{color: #66ccff; font-size:16px; margin: 10px auto 15px auto; display: block; width: 100px; height: 40px; text-align: center; line-height: 40px; background: #fff; box-shadow: 0 0 10px 0 rgba(49, 49, 49, 0.2);}
.infomore a{ color: #66ccff!important; font-size:16px!important;}
.infomore a:hover{ text-decoration: none; color: #66ccff!important; font-size:16px!important;}
.bottom10{ margin-bottom:10px;}
.mobile_nopadding{ padding-left:0!important; padding-right:10px!important;}
.header{border-radius: 0px;box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.2); min-height: 85px!important; position: fixed!important; width: 100%; top: 0; left: 0; right: 0; background: rgba(255,255,255,1); border-bottom: 1px solid #ddd; z-index: 1000;}
.header a{ color: #333; font-weight: 500}
.header a:hover{ color: #333333;}
.header .active a{ color: #333333;}
.header .active a:hover{ color: #333333;}
.headbox{ width: 1500px; margin: 0px auto;}
.logo{ margin-top:0px;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both}
.ispc{ display: block;}
.isphone{ display: none;}
.menubox a{  font-size:16px; color: #333;}
.menubox{height: 85px;}
.menubox .menu_ul{ margin-left:40px;}
.menubox .menu_li{height: 85px!important; text-align: center;}
.menubox .menu_li a{display:block; height: 85px!important; padding:25px 15px; text-align: center;}
.menubox .menu_cn{ font-size:18px; color: #000}
.menubox .menu_en{display: block; font-size:13px; color: #999}
.menubox .menu_li li a{display:block; height: 45px!important; line-height: 45px; padding: 0px; text-align: center;}
.menubox .menu_li li a:hover{ background: #309ddf; color: #fff;}
.seachbox{ width:300px;}
.seachbox .telNum{ background: url(../images/icon-tel.png) left center no-repeat; padding: 0px 15px 20px; float: left; border-left: 1px solid rgba(255,255,255,0.15);border-right: 1px solid rgba(255,255,255,0.15); transition: all 0.3s;}
.seachbox .telNum b{ font-weight: normal; display: block; height: 40px; line-height: 60px; padding-left: 32px;  font-size:18px; color: #999; font-family: arial;}
.seachbox .telNum span{ display: block; height: 25px; line-height: 25px; padding-left: 32px; font-size: 20px; color: #e37114; font-family: arial;}
.seachbox .chat{ padding: 3px 15px 20px; float: left; transition: all 0.3s; position: relative;}
.seachbox .chat a{ font-size: 16px; color: #FFF; margin-top: 9px; display: block;}
.seachbox .chat span{ display: block; height: 43px; width: 26px; background: url(../images/icon-tel.png) center no-repeat;}
.seachbox .chat .chatHover{ position: absolute; width: 212px; height: 220px; background: url(../images/icon-tel.png) center no-repeat; left: 50%; margin-left: -106px; bottom: -200px; display: none;}
.seachbox .chat .codeImg{ text-align: center; margin-top: 32px;}
.seachbox .chat .codeTxt{ text-align: center; color: #999; font-size: 14px; line-height: 22px; margin-top: 9px;}.input-group{ margin-top:10px;}

.infomodel_news{ width: 1260px; overflow: hidden; margin: 25px auto;}
/* 焦点图 */
.focusBox { float:left; position: relative; width: 495px; height: 370px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 495px; height: 370px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 45px; width:100%;  background: #000; filter: alpha(opacity=25); opacity: 0.25; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 45px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:45px; line-height:45px; position:absolute; bottom:-45px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 10px; border-radius: 10px; text-indent: -1000em; height: 10px; line-height: 10px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: #fff; filter: alpha(opacity=100); opacity: 1; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#ff6600;  }

/* Tab切换 */
.slideTxtBox{ float:right;  width:745px; height:370px; overflow:hidden;  padding:10px; background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:35px; line-height:35px; border-bottom:1px solid #f1f1f1; font-size:18px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ border-bottom:2px solid #2b6eec; color:#2b6eec;  }
.slideTxtBox .bd{ padding:0px;  }
.slideTxtBox .bd a{ color: #666;}
.slideTxtBox .bd a:hover{ color: #2b6eec; text-decoration: none}
.slideTxtBox .bd li{ height:40px; line-height:40px; font-size:16px; }
.slideTxtBox .bd li a{ display: block; width: 620px; overflow: hidden; height: 40px; }
.slideTxtBox .bd li .date{ float:right; color:#999;text-align: right }
.topnews{ line-height: 35px;}
.topnews h2{ font-size:18px; font-weight: bold; color: #333; display: block; width: 100%; overflow: hidden; line-height: 30px;}
.topnews p{ text-indent:30px;font-size:14px; color: #999; display: block; width: 100%; overflow: hidden; line-height: 25px;}
.notice_box{ width:100%; margin: 0px auto; border-bottom: 1px solid #f1f1f1; min-height: 160px; background: #f9f9f9}
.notice_box.notice{ width:100%; overflow: hidden}
.notice_box .notice .icon{ width:50px; float: left; font-size:40px; margin-top:40px;}
.notice_box .notice .con{ margin-top:10px; width:300px; float: right;}
.notice_box .notice .con h2{ font-size:16px; font-family: "微软雅黑", Arial, sans-serif; display: block;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;}
.notice_box .notice .con h2 a{ font-size:18px; text-decoration: none; color: #333}
.notice_box .notice .con h2 a:hover{ font-size:18px; text-decoration: none; color: #666}
.notice_box .notice .con p{display:block; height:60px; wtext-overflow: ellipsis;  overflow: hidden;  text-indent:30px; color: #999; font-size:14px; font-family: "微软雅黑", Arial, sans-serif;}

.prolist{

}
.prolist { margin-top:15px; width:100%; overflow: hidden; float: left; border: 1px solid #f1f1f1; margin-right:8px; border-radius: 5px;}
.prolist:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.prolist a {
    color: #333; text-decoration: none;
}
.prolist a:hover {
    color: #309ddf; text-decoration: none;

}
.home_notice{
    margin-top:15px;
    border-radius: 5px; box-shadow: 0 0 20px -5px #999;padding: 10px;
    background-image:url(../images/notice.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: left center;
}
.noticeBox{
    width:100%;
    height:40px;
    margin:0 auto;
    overflow:hidden;
}
.noticeBox span{
    display:inline;
    float:left;
    width:75px;
    height:40px;
    line-height:40px;
    text-align:left;
    padding:0 0 0 15px;
    margin:0 0 0 20px;
    color:#e60000;
}
.notice_slide{
    overflow:hidden;
    width:980px;
    height:40px;
}
.notice_slide .bd{
    overflow:hidden;
    width:980px;
    height:40px;
}
.notice_slide .bd dd{
    display:inline;
    float:left;
    height:40px;
    overflow:hidden;
    padding:0 30px 0 0;
}
.notice_slide .bd dd em{
    display:inline;
    float:left;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#1d1d1d;
    padding:0 10px 0 0;
    font-family:"宋体";
}
.notice_slide .bd dd a{
    display:inline;
    float:left;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#1d1d1d;
    font-family:"宋体";
}
.notice_slide .bd dd a {text-decoration: none;}/* 链接无下划线,有为underline;链接去框 */
.notice_slide .bd dd a:link {color: #1d1d1d;}/* 未访问的链接 */
.notice_slide .bd dd a:visited {color: #1d1d1d;}/* 已访问的链接 */
.notice_slide .bd dd a:hover {color: #e60000;}/* 鼠标在链接上 */
.notice_slide .bd dd a:active {color: #1d1d1d;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
.prolist .img{ width:100%; height:auto; overflow: hidden }
.prolist .img img{ width: 100%; height:auto}
.prolist .tit{ width: 98%; margin: 0px auto; font-size:16px;height:40px; overflow: hidden; line-height: 40px; text-align: center}

.new-actives { width: 298px; height: 196px; border: 1px solid #d5d5d5; margin-top: 10px; overflow: hidden; position: relative; zoom: 1; font: 12px/1.5 tahoma,arial,宋体; }
.new-actives .tab-hd{ height:29px; background-color:#eee; margin-bottom:-1px; color:#404040; }
.new-actives .tab-hd h4{ float:left; height:28px; font-size:14px; line-height:28px; padding:0 22px 0 10px; *line-height:30px; _line-height:32px; }
.new-actives .more { float: right; position: relative; top: 5px; right: 7px; }
.new-actives .step { right: 54px; float: right; margin-top: 7px;  }
.new-actives .step a { background-color: #fff }
.new-actives .pageState{ float: left; padding: 4px 10px 0 94px; }
.new-actives .pageState span{ font-weight:bold; color:#f60;    }
.new-actives .tab-bd { height: 167px; overflow: hidden }
.new-actives .tab-bd li { border-bottom: 1px solid #f2f2f2;height: 55px; overflow: hidden; float: left; width: 100%; position: relative; }
.new-actives .tab-bd em { height: 1px; overflow: hidden; width: 288px; background-color: #f2f2f2; display: block; left: 4px; top: 54px; position: absolute; }
.new-actives .tab-bd ul { height: 167px; overflow: hidden }
.new-actives .tab-bd li a { height: 50px; display: block; }

.new-actives .arrow, .arrow s { position: absolute; display: inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border: dashed 4px; }
.new-actives .arrow-rthin, .arrow-rthin s { border-color: transparent transparent transparent #666; border-left-style: solid; }
.new-actives .arrow-rthin s { border-left-color: #FAFAFA; left: -6px; top: -4px; }
.new-actives .arrow-lthin, .arrow-lthin s { border-color: transparent #666 transparent transparent; border-right-style: solid; }
.new-actives .arrow-lthin s { border-right-color: #fff; right: -6px; top: -4px; }

.new-actives .step { position: absolute; padding-left: 1px; }
.new-actives .step a { float: left; width: 14px; height: 12px; border: 1px solid #d8d8d8; margin-left: -1px; }
.new-actives .step .arrow-rthin { right: 2px; top: 3px; }
.new-actives .step .arrow-lthin { left: 2px; top: 3px; }
.new-actives .step s { cursor: pointer; }
.new-actives .step a:hover .arrow-rthin { border-left-color: #f60; }
.new-actives .step a:hover .arrow-lthin { border-right-color: #f60; }
.new-actives .step a.prevStop,
.new-actives .step a.nextStop{ filter:alpha(opacity=60); opacity: 0.6; cursor: auto }

.com_list{margin-top:35px;}
.com_img_list{ width: 100%; }
.com_img_list a{ font-size:16px; color: #333; text-decoration: none;}
.com_img_list a:hover{ font-size:16px; color: #309ddf; text-decoration: none;}
.com_img_list .img{ width: 100%; height: 200px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
.com_img_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
.com_img_list .tit{ text-align: center; line-height: 45px; font-size:18px; padding-bottom: 10px;}
.com_img_list .img:hover{
    border:2px solid #309ddf
}

.home_video{
    max-width: 100%;
    height: 480px;
    overflow-y: auto;
    padding-right:5px;
    margin-top:0px;
}

.home_video::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.home_video::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 5px rgba(227, 113, 20, 0.15);
    background: #535353;
}
.home_video::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(48, 157, 223, 0.2);
    border-radius: 3px;
    background: #EDEDED;

}
.home_video li{ margin-top: 10px;}
.newsbox{ width:100%; margin: 0px auto; background:url("../images/newsbox_bg.jpg") no-repeat #f1f1f1; padding-bottom:10px;}
.newsbox a{ color: #000; text-decoration: none}
.newsbox a:hover{ color:#c19f4f;text-decoration: none }
.newsbox .newstab{ border-bottom: none; width:302px; margin: 10px auto; border: 1px solid #ddd;  border-radius: 10px; overflow: hidden}
.newsbox .newstab a{ color: #666; text-decoration: none; font-size:16px;}
.newsbox .newstab a:hover{ color: #fff; text-decoration: none}
.newsbox .newstab li{ background: #fff; width:150px;height: 40px; line-height: 40px; float: left; text-align: center}
.newsbox .newstab .active{ background: #c19f4f; color: #fff;}
.newsbox .newstab .active a{ color: #fff;}

.newsbox .newslist{ margin-top:12px; padding: 0px;}
.newsbox .media{ margin-top:10px; background: #fff; padding:10px; margin-right: 5px; margin-left:5px;}
.newsbox .media img{ width:170px; height: 105px;}
.newsbox .media .title{ margin:0px; font-weight: 500; color: #333;}
.newsbox .media .dis{ font-size:14px; color: #666; text-indent: 25px; padding-top:5px; margin: 0px;}
.newsbox .media .date{ margin: 0px; padding: 0px; font-size:12px; color: #333; margin-top:5px;}
.newsbox .newsmore{ width: 120px; height: 35px; line-height:35px; text-align:center; margin: 15px auto; border-radius: 20px; border: 1px solid #c19f4f;}
.newsbox .newsmore a{ color: #c19f4f}
.newsbox .newsmore:hover{ color: #fff; border: 1px solid #c1862a;}
.home_about{

}
.home_about .rageborder{
    margin: 0px auto;background-color: #fff;border-radius: 5px; box-shadow: 0 0 20px -5px #999;padding: 10px;
}
.home_about .dis{ color: #666; font-size:16px; line-height: 35px; padding: 20px 20px 20px 35px;}
.section-2 .button{ margin:20px auto 35px auto;}
.section-2 .button a {
    display: block;
    border: 2px solid #dbc089;
    width: 256px;
    height: 50px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 45px;
    color: #dbc089;
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
    font-family: "微软雅黑", Arial, sans-serif;
}
.section-2 .button a:hover{
    display: block;
    border: 2px solid #dbc089;
    background: #dbc089;
    width: 256px;
    height: 50px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
}
.home_tit{ margin:25px auto; font-size:22px; font-weight:bold; text-align: center; color: #333; width: 100%;}
.home_tit span{ font-size:20px; text-align: center; color: #999; width: 100%; margin: 0px auto;}
.service{
    width: 1260px; overflow: hidden;
    margin: 0px auto;
}
.service ul{
  width:1300px;
    margin:30px auto;
    height: 150px;
}
.service ul li{  float: left; width: 134px; height: 134px; box-shadow: 0 0 20px -5px #999; text-align: center; margin-right: 10px; margin-left:10px;}
.service .nums{
    width: 40px;  color: #0eb2cc; height: 40px; margin: -18px auto; background: #fff; border-radius: 100%; text-align: center; line-height: 40px; font-size:18px; font-weight: bold;box-shadow: 0 0 20px -5px #999;
}
.service .iconfont{
    font-size:35px; color: #00acd6;
    margin-top:30px;
}
.service .name{

}

.service ul li:hover{  background: #2f83cc; float: left; width: 134px; height: 134px; box-shadow: 0 0 20px -5px #2f83cc; text-align: center; margin-right: 10px; margin-left:10px;}
.service ul li:hover .nums{
    width: 40px;  color: #ff0000; height: 40px; margin: -18px auto; background: #fff; border-radius: 100%; text-align: center; line-height: 40px; font-size:18px; font-weight: bold;box-shadow: 0 0 20px -5px #999;
}
.service ul li:hover .iconfont{
    font-size:35px; color: #fff;
    margin-top:30px;
}
.service ul li:hover .name{
    color: #fff;
}

.casebox .caselist{ border:1px solid #ddd; height: 145px; margin-top:-1px; margin-left:-1px; padding: 0px; text-align: center; line-height: 145px;}
.casebox .caselist img{ max-width:80%; max-height: 80px; }

.casebox{ background: #f2f3f7; padding-bottom: 20px;}
.casebox .casetitle{ font-family: "微软雅黑", Arial, sans-serif; padding-top:35px; height:150px; line-height: 35px; font-size:36px; color: #000; font-width:bold; text-align: center}
.casebox .casetitle .cn{}
.casebox .casetitle .line{ border-top: 3px solid #d8bc84; width:150px; margin: 15px auto 5px auto;}
.casebox .casetitle .en{ color: #333; font-size:20px;}
.casebox .caselist{ border:1px solid #ddd; height: 145px; margin-top:-1px; margin-left:-1px; padding: 0px; text-align: center; line-height: 145px;}
.casebox .caselist img{ max-width:80%; max-height: 80px; }

.left-column-mr280{margin-left: 300px;margin-top:15px; padding-top:10px;}
.right-column-270{padding: 0; width: 270px; position: absolute; top: 25px; left: 0;}
.news-layout{ max-width: 100%;}
.news-layout .padding{padding: 5px;}
.breadcrumb a{ color: #666;}
.breadcrumb a:hover{ color: #2b6eec; text-decoration: none}

.pagenav a{ color: #666!important;}

.pagenav a:hover{ color: #2f83cc !important; text-decoration: none}
.pagenav .active{ background: #2b6eec !important; color: #fff!important;}
.pagenav .active a{ background: #2f83cc !important; color: #fff!important; border: 1px solid #2f83cc !important;}
.pagenav .active a:hover{ background: #2f83cc !important; color: #fff!important; border: 1px solid #2f83cc !important;}
.web_path{ width:100%; height: 65px; line-height: 65px; margin: 0px auto; box-shadow: 0 0 20px -5px #999;}
.web_path .path_box{ width:1260px; margin: 0px auto;}
.web_path .path{ width: 20%; float: left; margin: 0px auto; padding: 0px; background: none; border: none; border-radius: 0px;}
.web_path .menu{ width: 75%; float: right; text-align: right;}
.web_path .menu a{ margin-top:13px; font-size:16px; border-radius: 35px; display: block; height: 38px; padding:0px 12px; margin-left:10px; overflow: hidden; line-height: 36px; float: right; color: #333; border: 1px solid #eee;}
.web_path .menu a:hover{ margin-top:13px; font-size:16px; border-radius: 35px; display: block; height: 38px; padding:0px 12px; margin-left:10px; overflow: hidden; line-height: 36px; float: right; color: #fff; border: 1px solid #309ddf; background: #309ddf; text-decoration: none;}
.web_path .menu .cur_menu{ margin-top:13px; font-size:16px; border-radius: 35px; display: block; height: 38px; padding:0px 12px; margin-left:10px; overflow: hidden; line-height: 36px; float: right; color: #fff; border: 1px solid #309ddf; background: #309ddf; text-decoration: none;}
.image_list{  box-shadow: 0 0 20px -5px #2f83cc;border-radius: 0px!important; padding: 0px!important; overflow: hidden}
.image_list img{ width: 100%; height: auto!important;}
.image_list .caption{ position: absolute; bottom:0px;background-color: rgba(3, 153, 223, 0.6); bottom: 0px; font-weight: normal; display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;line-height: 44px;
    height: 44px;
    overflow: hidden;
    text-align: center;
}
.image_list .caption h3{ margin: 0px; font-size:16px; color: #fff; display: block; line-height: 25px; text-align: center; height: 44px;}
.image_list .caption button{ background: none; border-radius: 10px; border: 1px solid #fff; color: #fff;}
.image_list:hover{ border:1px solid #ddd!important; border-radius: 0px!important; padding: 0px!important; overflow: hidden}
.image_list img{ width: 100%; height: auto!important;}
.image_list:hover .caption{ position: absolute; bottom:0px;background-color: rgba(47, 131, 204, 1); bottom: 0px; font-weight: normal; display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;line-height: 44px;
    height: 100px;
    overflow: hidden;
    text-align: center;
}
.image_list:hover .caption h3{ margin: 5px; font-size:16px; color: #fff; display: block; line-height: 25px; text-align: center; height: 44px;}
.image_list:hover .caption button{ display: block; background: none; border-radius: 10px; line-height: 35px; width:120px; height:35px; overflow:hidden; padding:0px!important; margin:-15px auto!important; border: 1px solid #fff; color: #fff;}

.listview {width: 100%; position: relative; margin-bottom: 30px; height: auto!important;}
.listview .news_li{position: relative;padding:15px;border:1px solid #eee;color:#666666; background: #fff; margin-top:5px; margin-bottom: 15px;}
.listview .news_li:hover{border:1px solid #309ddf; box-shadow: 0 0 20px -5px #309ddf;background-color: #309ddf;z-index:10;}
.listview .news_li:hover{border:1px solid #309ddf; box-shadow: 0 0 20px -5px #309ddf;background-color: #309ddf;z-index:10;}
.listview .news_li .news-img{float:left;margin-right:26px;width:220px;height:142px;position: relative;}
.listview .news_li .news-img img{width:220px;height:142px;}
.listview .news_li h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:18px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listview .news_li h2 a{color:#333333;}
.listview .news_li h2 a:hover {color: #2b6eec; text-decoration: none}
.listview .news_li p{ text-indent: 27px; display:block; max-height:80px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
.listview .news_li .news-date{margin-top:10px;color:#999;}
.listview .news_li .news-date span{color:#999;}
.listview .news_li:hover h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:18px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listview .news_li:hover h2 a{color:#fff;}
.listview .news_li:hover h2 a:hover {color: #fff; text-decoration: none}
.listview .news_li:hover p{ color:#fff;text-indent: 27px; display:block; max-height:80px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
.listview .news_li:hover .news-date{margin-top:10px;color:#fff;}
.listview .news_li:hover .news-date span{color:#fff;}
.listview .news_share{bottom:42px;left:300px;}

.home_news {width: 100%; margin-bottom: 0px; height: auto!important;}
.home_news{position: relative;padding:15px;border:1px solid #eee;color:#666666; background: #fff; margin-top:-1px; margin-bottom: 0px; margin-left:-1px;}
.home_news:hover{border:1px solid #309ddf; box-shadow: 0 0 20px -5px #309ddf;background-color: #309ddf;z-index:10;}
.home_news .news-img{float:left; width:135px;height:102px;}
.home_news .news-img img{width:135px;height:102px;}
.home_news .dis{ position:absolute;left:165px;height:102px;}
.home_news .dis h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:18px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.home_news .dis h2 a{color:#333333;}
.home_news .dis h2 a:hover {color: #2b6eec; text-decoration: none}
.home_news .dis p{ text-indent: 27px; display:block; max-height:40px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
.home_news .dis .news-date{margin-top:10px;color:#999;}
.home_news .dis .news-date span{color:#999;}
.home_news:hover h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:18px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.home_news:hover h2 a{color:#fff;}
.home_news:hover h2 a:hover {color: #fff; text-decoration: none}
.home_news:hover p{ color:#fff;text-indent: 27px; display:block; max-height:40px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
.home_news:hover .news-date{margin-top:10px;color:#fff;}
.home_news:hover .news-date span{color:#fff;}

.news_title{line-height:44px;margin: 28px 0 10px;color: #000;font-size: 25px;font-weight: bold; text-align: center}
.news_title a{color:#333333;}
.news_about{position: relative;border-bottom: 1px solid #eee; margin-bottom:15px; text-align: center;}
.news_about p{line-height: 30px;color: #8e8e8e;font-size: 14px; padding-bottom:5px; text-align: center}
.news_about p a{color: #8e8e8e;}
.news_txt .news_dis{color: #999; background: #f1f1f1; line-height: 25px; font-size:14px!important; padding: 10px; border:1px solid #ddd;}


.news_txt{line-height: 35px; font-family: pingfang, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif!imp;color: #333333;font-size: 16px !important;margin-bottom:20px;letter-spacing:0.5px;-webkit-text-size-adjust: none;text-align: justify;}
.news_txt * {font-size: 16px !important;}
.news_txt p {padding: 8px 0; text-indent: 2em;}
.news_txt img{padding:0;max-width: 100% !important;height: auto !important; display: block; margin: 0 auto 5px auto;}
.news_txt u{text-decoration: none;padding: 1px 0;line-height:26px;border-bottom: 1px solid #555555;}
.news_txt .image_desc{color: #808080; font-size: 14px !important; padding: 6px 0 20px; line-height: 20px;}
.aricleCon_page{
    border-top: 1px solid #eee;  padding: 20px 0px; margin-bottom: 25px;
    color: #999;
}
.aricleCon_page a{
    color: #666;
}
.aricleCon_page a:hover{
    color: #2f83cc;
    text-decoration: none;
}
.news_editor{ text-align:right; line-height: 20px;color: #8e8e8e;font-size: 14px; padding-bottom:20px;}
.news_editor span{min-width:340px;float:right;display:inline-block;line-height: 20px;font-size: 12px;text-align:right;}
.news_keyword{line-height: 25px;color: #8e8e8e;font-size: 14px;margin-top:12px;text-indent:4px;border-top: 1px solid #dfdfdf;padding-top: 3px;}
.news_topic{color: #00a5ec; font-size: 16px; font-family: Microsoft YaHei}
.top_word_relation{margin-bottom: 50px }

.right_p p{ display: block; width:227px; text-align: center;}
.right_p p img{width:100%; margin-bottom: 10px;}
.right_title{ margin-top:5px; background: url("../images/right_tit_bg.png") no-repeat; width:227px; height: 35px; overflow: hidden; text-indent: 10px; line-height: 27px; font-size:18px; color: #fff;}
.hotnews-list{list-style: none; width:227px; line-height: 20px;}
.hotnews-list a:hover{ color: #007dcd; text-decoration: none}
.hotnews-list .list-item{border-bottom: 1px dotted silver; margin: 6px;  list-style: none; font-size:14px; line-height:20px; padding-bottom:3px;-webkit-text-size-adjust: none;text-align: justify;}
.hotnews-list .list-item .rank{color: #BD0000; font-family: Georgia; display: inline-block; width: 20px; text-align: left}

.infonews{ background: #f4f5f9; width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;}
.info-container {
    width: 1260px;
    margin: 0 auto;
    padding: 0;
}
.info-container .infonews_h{ margin-bottom: 0px;}

.info-container-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.info-container-title h2 {
    font-weight: normal;
    font-size: 36px;
    font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.info-container-list {
    background: #fff;
    padding: 42px 0;
}

.info-listItem {
    width: 360px;
    margin: 0 26px 0 32px;
    float: left;
}

.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
    color: #666;
    text-decoration: none;
}

.info-more:hover {
    background: #f1f1f1;
    border-color: #f1f1f1;
    color: #333;
    text-decoration: none;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list dt {
    height: 200px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list dt a img {
    width: 100%;
    height: 200px;
    transition: all .4s;
}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 0px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 35px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list dd {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list dd a {
    font-size: 16px;
    color: #666;
}

.info-listItem-list dd a:hover {
    color: #2b6eec; text-decoration: none;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}
.infomodel_student{
    background-color:#cccccc;
    background-image:url("../images/group/info_bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;
    height: 500px;
}
.hometool{ display: none;}
.infomodel_student .student{ width: 1260px; margin: 0px auto;overflow:hidden}
.infomodel_student .student .sbox{ width: 1300px; margin: 0px auto;}
.infomodel_student .stulist{ display: none;}
.infomodel_student .stulist img{ width: 100%;}
.infomodel_student .stulist p{ display: block; overflow: hidden; text-align: center; width: 100%;}
.infomodel_student .infomore{ display: none!important;}
.infomodel_student .tool { width: 425px; overflow: hidden; float: left;}
.infomodel_student .tool a{ color: #fff;}
.infomodel_student .tool a:hover{ color: #fff; text-decoration: none;}
.infomodel_student .tool ul{ width: 480px; overflow: hidden;}
.infomodel_student .tool li{ width: 200px; height: 200px; text-align: center; float: left; margin:12px 12px 0px 0px;}
.infomodel_student .tool li img{ margin-top:45px;}
.infomodel_student .tool li p{ font-size:18px; color: #fff; display: block; overflow: hidden; width: 100%; margin-top:10px;}
.infomodel_student .fencai { width: 413px; overflow: hidden; float: left;}
.infomodel_student .fencai a{ color: #fff; font-size:16px;}
.infomodel_student .fencai a:hover{ color: #fff; font-size:16px; text-decoration: none;}
.infomodel_student .fencai ul{ width: 450px;}
.infomodel_student .fencai ul li{ position: relative; margin:12px 12px 0px 0px; width: 200px; height: 138px;overflow: hidden; text-align: center; float: left;}
.infomodel_student .fencai ul li img{ width: 200px; height: 138px;}
.infomodel_student .fencai ul li p{ display: block; position: absolute; bottom:-10px;  height: 30px!important; width: 100%!important; line-height: 30px; overflow: hidden;  text-align: center; background-color: rgba(0, 102, 204, 0.68); width: 200px; height: 138px;}
.infomodel_student .fencai .big{ position: relative; margin:12px 12px 0px 0px; width: 413px; height: 262px;overflow: hidden; text-align: center;}
.infomodel_student .fencai .big img{ width: 413px; height: 262px;}
.infomodel_student .fencai .big p{ display: block; position: absolute; bottom:-10px; height: 40px!important; width: 100%!important; line-height: 40px; overflow: hidden; text-align: center;background-color: rgba(0, 102, 204, 0.68); width: 200px; height: 138px;}
.infomodel_hj{
    background-color:#66ccff;
    background-image:url("../images/group/info_bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;
    height: 500px;
}
.infomodel_hj .hjlist{ display: none;}
.infomodel_hj .hjlist img{ width: 100%;}
.infomodel_hj .hjlist p{ display: block; overflow: hidden; text-align: center; width: 100%;}

/* 图片滚动 */
.infomodel_hj .hjbox{ width: 1350px; margin: 0px auto -7px auto;}
.hjbox .title{ text-align: center; font-size: 30px; padding-bottom:30px; color: #fff}
.picScroll{ position:relative;  height:285px; padding: 10px 0 10px 42px; margin-bottom:10px; overflow:hidden;   }
.picScroll a{ color: #fff; text-decoration: none;}
.picScroll a:hover{ color: #fff; text-decoration: none;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 10px;  width:300px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:100%; height:232px; border:4px solid #8cd9ff;border-radius: 5px;box-shadow:0 0 20px #329be5;}
.picScroll ul li p{ display: block; overflow: hidden; text-align: center; font-size:18px; margin-top:15px;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 120px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/group/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }

.infomodel_brank{
    background-color:#000000;
    background-image:url("../images/group/info_bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;
    height: 500px;
}
.brand{ width:1260px; margin: 20px auto;}
.brand .title{ text-align: center; font-size: 30px; padding-bottom:30px;}
.brand .title .write{ color: white}
.brand .title .grey{ color:#999}
.brand .title .blue{color: #33ccff}
.brand a{ color: #fff; text-decoration: none;}
.brand a:hover{ color: #fff; text-decoration: none;}
.brand ul{ width: 100%;}
.brand li{ width: 20%; float: left; overflow: hidden;}
.brand li div{ width: 90%; margin:20px auto 20px auto; overflow: hidden; text-align: center;}
.brand li div img{ width: 100%; height: auto; border: 1px solid #fff;}
.brand li div h2{ font-size:18px; color: #fff;}
.brand li div p{ font-size:14px; color: #fff;}
.brank_blue{ background: #1591d1}
.brank_orange{ background: #ec9a08}
.brank_green{ background: #57b056}
.brank_grey{ background: #ededed}
.brank_grey h2{ color: #333!important;}
.brank_grey p{ color: #999!important;}
.brank_grey a{ color: #333!important; text-decoration: none;}
.brank_grey a:hover{ color: #333!important; text-decoration: none;}
.brank_lightblue{ background: #01c6bd}

.foot{ background: #309ddf; padding-top:15px; margin-top:0px;}
.foot h2{ color: #fff; line-height: 25px; font-size:18px;}
.foot .link{ padding-bottom: 20px;border-right:1px solid #0399df;}
.foot .about{ padding-bottom: 20px;border-right:1px solid #0399df;}
.foot .qrcode{ padding-bottom: 20px;}
.foot .link a{ padding-right:20px; color: #fff; line-height: 25px;}
.foot .about{ color: #fff; line-height: 25px;}
.foot .qrcode img{margin-top:20px;}
.foot a{ color: #fff; text-decoration: none}
.foot a:hover{ color:#fff;text-decoration: none }
.foot .wrap{ width:1200px; margin: 0px auto;}
.foot .loplt{ width:100%; float:left;}
.foot .loplt dl{ text-align:center; width:16.6%; border-right:1px solid #373d41; height:145px; float:left;}
.foot .loplt dl dt{ line-height:35px;}
.foot .loplt dl dt a{color:#fff;}
.foot .loplt dl dd{ font-size:12px; line-height:25px;}
.footer .beltx{ width:100%; float:left; padding-left:5%;}
.foot .beltx .tit{ font-size:24px; font-weight:bold; color:#fff; line-height:40px;}
.foot .beltx .cont{ font-size:12px; line-height:25px; color:#fff;}
.foot .ewmlt{ width:10%; float:right; text-align:center;}
.foot .walit{ margin-top:20px; background:#373d41; color:#fff; line-height:50px;}
.foot .walit span{ color:#fff; margin-left:10px;}
.foot .mob-nav{ display:none;}
.main-footer{ border-top:1px solid #0399df; width:100%; margin: 0px auto; text-align: center; background: #309ddf; padding: 15px; color: #fff; }
.main-footer a{ color: #fff;}

.check_grade ul,li{ margin:0px; padding:0px; list-style-type:none;}
.check_grade li{ height:14px; background:#ECEDEB; float:left; width:50px; text-align:center; line-height:16px; font-size:12px; margin-right:1px; overflow:hidden}
.check_grade .cg1{ background:#ffd099; color:#fff;}
.check_grade .cg2{ background:#ffd099; color:#fff;}
.check_grade .cg3{ background:#ffd099; color:#fff;}

.pro_box{
    width: 100%; margin: 30px auto; background-image: url("../images/home_bg2.jpg");
    background-repeat: no-repeat; background-position: center center;
    background-size: 100% 100%;
}
.case_box{
    width: 100%; margin: 30px auto; background-image: url("../images/home_bg4.jpg");
    background-repeat: no-repeat; background-position: center center;
    background-size: 100% auto;
}

@media only screen and (min-width: 992px) {
    .news-img a, .news-img img {
        width: 100%;
        display: block;
        overflow: hidden;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .news-img a:hover img {
        transform: scale(1.2, 1.2) rotate(10deg);
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
}

@media (max-width: 767px) {
    .ispc{ display: none;}
    .isphone{ display: block;}
    .home_about .dis{ color: #666; height:250px; overflow:hidden;font-size:16px; line-height: 35px; padding: 20px 20px 20px 35px;}
    .headbox{ width: 100%; margin: 0px auto;}
    .bannerbox{margin-top:52px;}
    .carousel-indicators{margin-bottom:-10px!important;}
    .navbar-header{ border-bottom: none!important;}
    .navbar-toggle{ padding:0px!important;}
    .footer_about{ display: none}
    .footer_tool{ display: none;}
    .mobile_nopadding{ padding-left:15px!important; padding-right:15px!important;}
    .navmenu{
        top: 0;
        border-width: 0 0 1px;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .margin-left-15{ margin-left:-15px; width:110%;}
    .navbar{ margin: 0px!important;}
    .navbar-header{ height: 50px!important; margin:0px; border-bottom: 1px solid #ddd;}
    .header{ ox-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.2); min-height: 45px!important; position: fixed!important; width: 100%; top: 0; left: 0; right: 0; background: rgba(255,255,255,1); border-bottom: 1px solid #ddd; z-index: 1000;}
    .logo{ margin-top:0px; margin-left:-15px; margin-top:-8px;}
    .logo img{ height: 35px; margin-top:0px;}
    .menubox{ margin-top:10px; height: auto!important;}
    .menubox .menu_ul{ margin-left:0px;}
    .menubox .menu_li{height: auto!important; text-align: left;}
    .menubox .menu_li a{height: auto!important; padding:10px 0px; text-align: left;}
    .menubox .menu_cn{ text-align: left;}
    .menubox .menu_en{display: none; font-size:13px; color: #999}
    .menubox .menu_li li a{ color:#666; display:block; height: 25px!important; line-height: 25px; padding: 0px; text-align: left;}
    .menubox .menu_li li a:hover{ background: #fff; color: #666;}
    .input-group{ margin-left:10px;}
    .infomodel_news{ width: 100%; overflow: hidden; margin: 0px auto;}
    /* 焦点图 */
    .focusBox { float:left; position: relative; width: 100%; height: 250px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
    .focusBox .pic img { width: 100%; height: 250px; display: block; }
    .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 45px; width:100%;  background: #000; filter: alpha(opacity=25); opacity: 0.25; overflow: hidden; }
    .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 45px; width:100%; overflow: hidden; }
    .focusBox .txt li{ height:45px; line-height:45px; position:absolute; bottom:-45px;}
    .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }
    .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
    .focusBox .num li{ float: left; position: relative; width: 10px; border-radius: 10px; text-indent: -1000em; height: 10px; line-height: 10px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
    .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
    .focusBox .num li span { z-index: 1; background: #fff; filter: alpha(opacity=100); opacity: 1; }
    .focusBox .num li.on a,.focusBox .num a:hover{ background:#ff6600;  }

    /* Tab切换 */
    .slideTxtBox{ float:right;  width:100%; height:auto!important; overflow:hidden;  padding:10px; background:#fff;  text-align:left;  }
    .slideTxtBox .hd{ height:35px; line-height:35px; border-bottom:1px solid #f1f1f1; font-size:18px; }
    .slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
    .slideTxtBox .hd ul li{ float:left; }
    .slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
    .slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
    .slideTxtBox .hd ul li.on a{ border-bottom:2px solid #006699; color:#006699;  }
    .slideTxtBox .bd{ padding-bottom: 15px; }
    .slideTxtBox .bd a{ color: #666;}
    .slideTxtBox .bd a:hover{ color: #006699; text-decoration: none}
    .slideTxtBox .bd li{ height:30px; line-height:30px; font-size:14px; }
    .slideTxtBox .bd li a{ display: block; width: 78%; overflow: hidden; height: 30px; }
    .slideTxtBox .bd li .date{ float:right; color:#999;text-align: right }
    .topnews{ line-height: 35px;}
    .topnews h2{ font-size:16px; font-weight: bold; color: #333; display: block; width: 100%; overflow: hidden; line-height: 20px;}
    .topnews p{ text-indent:30px;font-size:14px; color: #999; display: block; width: 100%; height: 25px; height: 50px; overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;//想要的行数
    -webkit-box-orient:vertical; line-height: 25px;}

    .notice_box .notice .icon{ width:50px; float: left; font-size:40px; margin-top:40px;}
    .notice_box .notice .con{ margin-top:10px; width:82%; float: right;}
    .infomodel_student{
        background-color:#cccccc;
        background-image:url("../images/group/info_bg.png");
        background-repeat:repeat-y;
        background-size:100% auto;
        width: 100%; margin: 0px auto; padding:20px 0px 20px 0px;
        height: auto;
    }
    .infomodel_student .student{ width: 100%; margin: 0px auto;overflow:hidden}
    .infomodel_student .student .sbox{ width: 100%; margin: 0px auto;}
    .infomodel_student .infomore{ display: block!important;}

    .infomodel_student .tool {display: none;}
    .hometool { display: block; width: 100%; margin: 0px auto; overflow: hidden;}
    .hometool a{ color: #fff;}
    .hometool a:hover{ color: #fff; text-decoration: none;}
    .hometool ul{ width: 110%; overflow: hidden;}
    .hometool li{ width: 21%; height: auto; text-align: center; overflow: hidden; float: left; margin:10px 10px 0px 0px;}
    .hometool li img{ margin-top:15px; width: 50%;}
    .hometool li p{ font-size:16px; color: #fff; display: block; overflow: hidden; width: 100%; margin-top:5px;}
    .infomodel_student .fencai { display: none}
    .infomodel_student .title{ display: block!important; text-align: center; font-size: 25px; color: #666;}
    .infomodel_student .title .en{font-size: 14px!important; color: #666;}
    .infomodel_student .stulist { display: block;}
    .infomodel_student .stulist img{ width: 100%;border:2px solid #ddd;border-radius: 2px;box-shadow:0 0 20px #999;}
    .infomodel_student .stulist a{ display: block; margin-bottom: 12px; font-size:16px;  color: #fff;position: relative;}
    .infomodel_student .stulist p{ display: block; position: absolute; bottom:-10px;  height: 30px!important; width: 100%!important; line-height: 30px; overflow: hidden;  text-align: center; background-color: rgba(0, 102, 204, 0.68); width: 200px; height: 138px;}
    .info-container {
        width: 96%;
        margin: 0 auto;
        padding: 0;
    }
    .info-container .infonews_h{ margin-bottom: 15px; border-bottom:1px solid #f1f1f1; padding-bottom: 15px;}
    .info-container-title {
        font-size: 16px;
        text-align: center;
        padding: 25px 0;
    }

    .info-container-title h2 {
        font-weight: normal;
        font-size: 36px;
        font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    }

    .info-container-list {
        background: #fff;
        padding: 21px 0;
    }

    .info-listItem {
        width: 94%;
        margin: 0 13px 0 16px;
        float: left;
    }

    .info-listItem-title {
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: normal;
    }

    .info-more {
        width: 100px;
        height: 36px;
        display: block;
        line-height: 36px;
        border: 1px solid #E4E4E4;
        text-align: center;
        transition: all .1s;
        color: #666;
        text-decoration: none;
    }

    .info-more:hover {
        background: #f1f1f1;
        border-color: #f1f1f1;
        color: #333;
        text-decoration: none;
    }

    .info-listItem-list {
        margin-bottom: 17px;
    }

    .info-listItem-list dt {
        height: 200px;
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .info-listItem-list dt a img {
        width: 98%;
        height: 200px;
        transition: all .4s;
    }

    .info-listItem-list dt a span {
        position: absolute;
        left: 0;
        right: 0;
        color: #fff;
        bottom: 0px;
        font-size: 15px;
        padding: 0 24px;
        line-height: 1.5;
        height: 35px;
        overflow: hidden;
        transition: all .2s;
    }

    .info-listItem-list dd {
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-listItem-list dd a {
        font-size: 16px;
        color: #666;
    }

    .info-listItem-list dd a:hover {
        color: #2b6eec;
    }

    .info-listItem-list dt a:hover img {
        transform: scale(1.05);
    }
    .infomodel_hj{
        background-color:#66ccff;
        background-image:url("../images/group/info_bg.png");
        background-repeat:repeat-y;
        background-size:100% auto;
        width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;
        height: 500px;
    }
    .infomodel_hj .hjbox{ width: 100%;}
    .hjbox .title { padding-bottom: 5px;}
    .hjbox .title .write{ color: white}
    .hjbox .title .grey{ color:#999; display: none}
    .hjbox .title .blue{color: #33ccff; display: none}
    .hjbox .title p{color: #fff!important; font-size:18px; text-align: center!important; display:block!important;}
    .infomodel_hj .picScroll{ display: none}
    .infomodel_hj .hjlist{ display: block;}
    .infomodel_hj .hjlist img{ width: 100%;border:2px solid #8cd9ff;border-radius: 5px;box-shadow:0 0 20px #329be5;}
    .infomodel_hj .hjlist a{ font-size:16px;  color: #fff;}
    .infomodel_hj .hjlist p{ display: block;margin-top:10px; overflow: hidden; text-align: center; width: 100%;}
    .infomodel_brank{
        background-color:#000000;
        background-image:url("../images/group/info_bg.png");
        background-repeat:repeat-y;
        background-size:100% auto;
        width: 100%; margin: 0px auto; padding:35px 0px 35px 0px;
        height: auto!important;
    }
    .brand{ width:100%; margin: 0px auto;}
    .brand .title{ text-align: center; font-size: 25px; padding-bottom:10px;}
    .brand .title .write{ color: white}
    .brand .title .grey{ color:#999; display: none}
    .brand .title .blue{color: #33ccff; display: none}
    .brand .title p{color: #33ccff!important; font-size:18px; text-align: center!important; display:block!important;}
    .brand a{ color: #fff; text-decoration: none;}
    .brand a:hover{ color: #fff; text-decoration: none;}
    .brand ul{ width: 100%;}
    .brand li{ width: 100%; float: left; overflow: hidden;}
    .brand li div{ width: 90%; margin:20px auto 20px auto; overflow: hidden; text-align: center;}
    .brand li div img{ width: 100%; height: auto; border: 1px solid #fff;}
    .brand li div h2{ font-size:18px; color: #fff;}
    .brand li div p{ font-size:14px; color: #fff;}
    .brank_blue{ background: #1591d1}
    .brank_orange{ background: #ec9a08}
    .brank_green{ background: #57b056}
    .brank_grey{ background: #ededed}
    .brank_grey h2{ color: #333!important;}
    .brank_grey p{ color: #999!important;}
    .brank_grey a{ color: #333!important; text-decoration: none;}
    .brank_grey a:hover{ color: #333!important; text-decoration: none;}
    .brank_lightblue{ background: #26c0a4}
    .com_list{margin-top:35px;}
    .com_img_list{ width: 100%; margin-bottom: 7px; }
    .com_img_list a{ font-size:16px; color: #333; text-decoration: none;}
    .com_img_list a:hover{ font-size:16px; color: #309ddf; text-decoration: none;}
    .com_img_list .img{ width: 100%; height: 120px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
    .com_img_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
    .com_img_list .tit{ text-align: center; height: 20px; overflow: hidden; margin-top:7px; line-height: 20px; font-size:14px; padding-bottom: 10px;}
    .com_img_list .img:hover{
        border:2px solid #309ddf
    }

    .newsbox{ width:100%; margin: 0px auto; background:url("../images/newsbox_bg.jpg") no-repeat #f1f1f1; padding-bottom:10px;}
    .newsbox .newslist{ margin-top:0px; padding: 0px;}
    .newsbox .media{ margin-top:10px; background: #fff; padding:8px; margin-right: 5px; margin-left:5px; border-bottom: 1px solid #ddd;}
    .newsbox .media img{ width:100px; height: 65px;}
    .newsbox .media .title{ margin:0px; color: #333; font-size:14px;}
    .newsbox .media .dis{ display: none}
    .newsbox .media .date{ margin: 0px; padding: 0px; color: #999; font-size:12px;}
    .section-2 .button{ margin:20px auto 20px auto;}
    .news-layout{margin:0;}
    .news-img a, .news-img img {width:100%;}
    .news-item{padding: 5px;}
    .news-item .news-title h2,.listview .news_li h2{font-size:1.2em;}
    .news-item .news-desc{font-size:1em; }
    .news-layout .news-tag{height:18px; width:30px; line-height:1;position: absolute; border: 1px solid #c19f4f; border-radius: 5px; background: none; right:5px;z-index: 1; color:#c19f4f;font-size:12px;padding:2px;overflow:hidden;}
    .newscontent{padding:0 15px;}
    .newscontent .news_title{font-size: 1.5em; line-height: 1.5em; margin: 10px;}
    .newscontent .news_about{margin-bottom: 0; height: auto;}
    .left-column-mr280,.index-news-slide{margin-left: 0;}

    .web_path{ width:100%; padding-bottom: 10px; height: auto!important; line-height: normal; margin: 0px auto;}
    .web_path .path_box{ width: 100%;}
    .web_path .path{ display: none; width: 92%; margin: 0px auto; background: none; border: none; border-radius: 0px;}
    .web_path .menu{ width: 92%; float: none; text-align: right;}
    .web_path .menu a{ margin-top:10px; font-size:15px; border-radius: 15px; display: block; height: 45px; padding:0px 10px; margin-left:10px; overflow: hidden; line-height: 45px; float: left; color: #333; border: 1px solid #eee;}
    .web_path .menu a:hover{ margin-top:10px; font-size:16px; border-radius: 15px; display: block; height: 45px; padding:0px 10px; margin-left:10px; overflow: hidden; line-height: 45px; float: left; color: #fff; border: 1px solid #2f83cc; background: #2f83cc; text-decoration: none;}
    .image_list{ border:1px solid #ddd!important; border-radius: 0px!important; padding: 0px!important; overflow: hidden}
    .image_list img{ width: 100%; height: auto!important;}
    .image_list .caption{ position: absolute; bottom:0px;background-color: rgba(3, 153, 223, 0.6); bottom: 0px; font-weight: normal; display: inline-block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow:ellipsis;line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-align: center;
    }
    .image_list .caption h3{ margin: 0px; font-size:14px; color: #fff; display: block; line-height: 15px; text-align: center; height: 30px;}
    .image_list .caption button{ background: none; border-radius: 10px; border: 1px solid #fff; color: #fff;}
    .listview .news_li{position: relative;padding:15px;border-left:none; border-top:none; border-right:none;border-bottom:1px solid #eee;color:#666666; margin-top:0px; margin-bottom: 0px;}
    .listview .news_li:hover{border-bottom:1px solid #ddd; box-shadow: 0 0 20px -5px #2f83cc;background-color: #2b6eec;z-index:10;}
    .listview .news_li h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:16px;font-weight:normal;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .listview .news_li:hover p{display: none;}
    .listview .news_li .news-date{margin-top:10px; color: #999}
    .listview .news_li .news-date span{margin-top:10px; color: #999}
    .listview .news_li {padding-left:5px;}
    .listview .news_li .news-img{ margin-left:5px;margin-right:13px;width:110px;height:80px;}

    .listview1 .news_li h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:16px;font-weight:normal;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .listview1 .news_li .news-date{margin-top:10px; color: #999}
    .listview1 .news_li .news-date span{margin-top:10px; color: #999}
    .listview1 .news_li {padding-left:5px;}
    .listview1 .news_li .news-img{ margin-left:5px;margin-right:13px;width:90px;height:110px;}

    .left-column-mr280{ border: none; padding-top:0px;}

    .foot .wrap{ width:100%; margin: 0px auto;}
    .foot .link{ border-bottom:1px solid #0399df; border-right: 0px}
    .foot .about{ border-bottom:1px solid #0399df; border-right: 0px}
    .leftmenubox{ display: none}
    .rightaddress{ width:100%!important;}
    .margin-top{ margin-top:-12px;}
    .boxheight{height:auto; margin-top:15px;}
    .jobcompany{ display: none}
    .home_about .rageborder{
        width:92%; margin: 0px auto;background-color: #fff;border-radius: 5px; box-shadow: 0 0 20px -5px #999;padding: 10px;
    }
    .home_news {width: 100%; margin-bottom: 0px; height: auto!important;}
    .home_news{position: relative;padding:15px;border:1px solid #eee;color:#666666; background: #fff; margin-top:-1px; margin-bottom: 0px; margin-left:-1px;}
    .home_news:hover{border:1px solid #2f83cc; box-shadow: 0 0 20px -5px #2f83cc;background-color: #2f83cc;z-index:10;}
    .home_news .news-img{float:left; width:115px;height:90px;}
    .home_news .news-img img{width:115px;height:90px;}
    .home_news .dis{ position:absolute;left:140px;height:102px;}
    .home_news .dis h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:16px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .home_news .dis h2 a{color:#333333;}
    .home_news .dis h2 a:hover {color: #2b6eec; text-decoration: none}
    .home_news .dis p{ display: none; text-indent: 27px;  max-height:40px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
    .home_news .dis .news-date{margin-top:10px;color:#999;}
    .home_news .dis .news-date span{color:#999;}
    .home_news:hover h2{margin-top:0;line-height:1.25em;max-height:2.5em; font-size:16px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .home_news:hover h2 a{color:#fff;}
    .home_news:hover h2 a:hover {color: #fff; text-decoration: none}
    .home_news:hover p{ display: none; color:#fff;text-indent: 27px; max-height:40px;line-height:20px;font-size:14px;margin-top:10px; overflow: hidden}
    .home_news:hover .news-date{margin-top:10px;color:#fff;}
    .home_news:hover .news-date span{color:#fff;}    .service{
        width: 100%; overflow: hidden;
        margin: 0px auto;
    }
    .service ul{
        width:100%;
        margin:30px auto;
        height: auto!important;
    }
    .service ul li{  float: left; width: 40%; height: 134px; box-shadow: 0 0 20px -5px #999; text-align: center; margin-right: 15px; margin-left:15px; margin-bottom: 25px;}
    .service .nums{
        width: 40px;  color: #0eb2cc; height: 40px; margin: -18px auto; background: #fff; border-radius: 100%; text-align: center; line-height: 40px; font-size:18px; font-weight: bold;box-shadow: 0 0 20px -5px #999;
    }
    .service .iconfont{
        font-size:35px; color: #00acd6;
        margin-top:30px;
    }
    .service .name{

    }

    .service ul li:hover{  background: #2f83cc; float: left; width: 40%; height: 134px; box-shadow: 0 0 20px -5px #2f83cc; text-align: center; margin-right: 15px; margin-left:15px; margin-bottom: 25px;}
    .service ul li:hover .nums{
        width: 40px;  color: #ff0000; height: 40px; margin: -18px auto; background: #fff; border-radius: 100%; text-align: center; line-height: 40px; font-size:18px; font-weight: bold;box-shadow: 0 0 20px -5px #999;
    }
    .service ul li:hover .iconfont{
        font-size:35px; color: #fff;
        margin-top:30px;
    }
    .service ul li:hover .name{
        color: #fff;
    }
    .home_tit{ text-align: center; font-size:18px;}
    .home_tit span{ color: #999;}
}

@media screen and (min-width: 767px) {
    .caret{ display: none;}
    .navup{ display: none;}

}
@media screen and (max-width: 1000px) {
    .navmenu a{ font-size:15px;}

}
@media screen and (min-width: 992px) {
}

@media (max-width: 992px) {
    .listview .news_li .news-img img {display: inline-block;max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .listview .news_li .news-img img{width:130px;height:80px;}
    .listview .news_li p{display: none;}
    .index-news-slide{margin-right: 0;}
    .listview1 .news_li .news-img img {display: inline-block;max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .listview1 .news_li .news-img img{width:90px;height:110px;}
    .listview1 .news_li p{ display: block; height: 40px; overflow: hidden}

}